<%--
  Created by IntelliJ IDEA.
  User: Adminis
  Date: 2025/3/19
  Time: 11:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类别增加</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/admin/js/jquery-2.1.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/admin/js/bootstrap.min.js"></script>
    <style>

        .cus-container {
            width: 1368px;
            margin-top: 20px;
        }

        #user-add .modal-content {
            padding: 0 20px 20px;
        }

        #user-edit .modal-content {
            padding: 0 20px 20px;
        }

        .zj, .fh {
            color: rgba(2, 2, 2, 0.53);
            background: rgba(244, 244, 244, 0.54);
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.62);
            transition: box-shadow 0.4s ease; /* 添加过渡效果 */
        }

        .zj:hover {
            border: 0;
            text-decoration: none;
            color: rgb(15, 250, 231);
            background: rgba(255, 233, 87, 0.44);
            box-shadow: 0 0 10px rgba(255, 233, 87, 0.63);
        }

        .fh:hover {
            border: 0;
            text-decoration: none;
            color: rgba(123, 255, 87, 0.89);
            background: rgba(250, 133, 15, 0.49);
            box-shadow: 0 0 10px rgba(250, 133, 15, 0.69);
        }

    </style>
</head>
<body>

<div class="container cus-container">
    <!-- 添加类别模态框 -->
    <h3 class="text-center">类别添加</h3>

    <form action="${pageContext.request.contextPath}/type/insertType" method="post">
        <%--类别名称--%>
        <div class="form-group">
            <label for="type_name">类别名称:</label>
            <input type="text" class="form-control" name="type_name" id="type_name" placeholder="请输入类别名称"
                   required>
        </div>
        <%--类别顺序--%>
        <div class="form-group">
            <label for="type_order">类别顺序:</label>
            <input type="number" class="form-control" name="type_order" id="type_order" placeholder="请输入类别顺序"
                   required>
        </div>
        <button type="submit" class="btn btn-primary btn-lg btn-block zj">增加</button>
        <a href="${pageContext.request.contextPath}/type/selectTypes"
           class="btn btn-primary btn-lg btn-block fh">返回</a>

    </form>
</div>

</body>
</html>
